<!-- 选项式 -->
<!-- <script>
// 导出组件
export default {
  data() {
    return {
      // 内容变量
      message: '',
    }
  },
  methods: {
    // 获取内容函数
    getMessage() {
      return `使用选项式实现`
    },
  },
  mounted() {
    // 显示内容
    this.message = this.getMessage()
  },
}
</script>

<template>
  <p v-html="message"></p>
</template> -->

<!-- 组合式 -->
<script setup>
// 引用 api
import { ref } from 'vue'

// 显示内容
let message = ref(getMessage())

// 获取内容函数
function getMessage() {
  return `使用组合式实现`
}
</script>

<template>
  <p v-html="message"></p>
</template>
